// 基本大小，和webpack.config里配置的数值一样

// @ts-ignore
const baseSize: number = 1;

// 设置 rem 函数
const setRem = () => {
  let scale: number = 0;

  // 当前页面宽度相对于 1920 宽的缩放比例，可根据自己设计图的宽度修改（1rem = 1px）
  if (document.documentElement.clientWidth <= 1125) {
    scale = 1125 / 1920;
  } else {
    scale = document.documentElement.clientWidth / 1920;
  }
  // 设置页面根节点字体大小
  document.documentElement.style.fontSize = baseSize * scale + "px";
};

// 初始化
setRem();

// 改变窗口大小时重新设置 rem
window.onresize = () => {
  setRem();
};
